<template>
  <div>
    <!-- 
      插值表达式：
      作用：可以动态显示标签内容
      语法：{{ 表达式 }}

      注意：插值表达式中只能写简单的表达式，比如三元运算，短路运算
      if for 这些是属于语句，不能在插值表达式中使用
     -->
    <h1>{{ msg }}</h1>
    <h2>{{ obj.name }}</h2>
    <h3>{{ obj.age>18?'成年了': '未成年' }}</h3>
  </div>
</template>

<script>
export default {
  // vue专门提供了一个位置声明变量，就是data函数的返回对象中声明
  data(){
    return {
      msg: "hello vue",
      obj: {
        name: "小 vue",
        age: 5
      }
    }
  }
}
</script>

<style>

</style>